.content{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	color: inherit;
	font-weight: normal;
	font-family: "黑体";
	box-sizing: border-box;
	font-style: normal;
	.color-orange{
		color: rgb(219,133,59);
	}
	.color-blue{
		color: rgb(13,99,254);
	}
	.head{
		width: 100%;
		height: 310rpx;
		background: url(/static/img/index/tb.png) top left no-repeat;
		background-size: 100%;
		color: #FFFFFF;
		padding: 40rpx;
		.title{
			font-size: 35rpx;
			font-weight: bold;
			margin-bottom: 50rpx;
		}
		.head-bottom{
			display: flex;
			justify-content:space-around;
			align-items: center;
			.date-div{
				flex-grow: 1;
				.time{
					font-size: 50rpx;
					font-weight: bold;
				}
				.date{
					margin-top: 10rpx;
					font-size: 24rpx;
				}
			}
			.button-div{
				flex-shrink: 0;
				padding-left: 10rpx;
				width: 300rpx;
				.button{
					height: 80rpx;
					margin-top: 50rpx;
					font-size: 24rpx;
					border: none;
					border-radius: 32rpx;
					background: url(/static/img/index/bg_an.png) no-repeat;
					background-size: 100% 100%;
					text-align: center;
					display:flex;
					align-items:center;
					justify-content:center;
					text-align:justify;
					.text{
						padding-left:5rpx ;
					}
				}
			}
		}
	}
	.body{
		.total{
			display: flex;
			justify-content:space-around;
			align-items: center;
			margin: 20rpx;
			background-color: rgb(76,150,255);
			border-radius: 12rpx;
			padding: 20rpx;
			color: #FFFFFF;
			height: 160rpx;
			.left{
				width: 180rpx;
				flex-shrink: 0;
				border-right: 3rpx solid rgb(96,196,254);
				padding-right: 10rpx;
				.title{
					margin-bottom: 10rpx;
					font-size: 24rpx;
					text-align: center;
				}
				.number{
					font-size: 40rpx;
					font-weight: bold;
					text-align: center;
				}
			}
			.right{
				flex-grow: 1;
				padding-left: 10rpx;
				.title{
					margin-bottom: 10rpx;
					font-size: 24rpx;
					text-align: center;
				}
				.number{
					font-size: 30rpx;
					font-weight: bold;
					text-align: center;
				}
			}
		}
		.banner{
			margin: 20rpx;
		}
		.chart-name{
			margin: 20rpx;
			padding-left: 20rpx;
			border-left: 5rpx solid rgb(56,199,237);
			color: #000000;
			font-size: 24rpx;
		}
		.box{
			margin: 20rpx;
			padding: 10rpx;
			background-color: rgb(254,254,254);
			border-radius: 10rpx;
			box-shadow: 5rpx 1rpx 10rpx 5rpx rgb(221,231,250);
		}
		.chart-bar{}
		.chart-pie{
			display: flex;
			justify-content:space-around;
			align-items: center;
			font-size: 24rpx;
			.chart-left{
				width: 300rpx;
				flex-shrink: 0;
			}
			.chart-right{
				flex-grow: 1;
				padding-left: 10rpx;
				.chart-total{
					border-radius: 10rpx;
					background-color: rgb(250,248,254);
					margin: 10rpx;
					padding: 10rpx;
				}
				.chart-total-title{
					margin-bottom: 10rpx;
				}
				.number{
					margin-left: 40rpx;
					font-size: 34rpx;
					font-weight: bold;
				}
				.badge-blue{
					background-color: rgb(86,115,254);
					width: 35rpx;
					height: 24rpx;
					float: left;
					border-radius: 10rpx;
					margin-top: 6rpx;
					margin-right: 10rpx;
				}
				.badge-green{
					background-color: rgb(28,197,99);
					width: 35rpx;
					height: 24rpx;
					float: left;
					border-radius: 10rpx;
					margin-top: 6rpx;
					margin-right: 10rpx;
				}
			}
		}
		.box-count{
			margin: 20rpx;
			.col{
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
			}
			.img{
			}
			.text{
				font-size: 24rpx;
				padding-left: 24rpx;
			}
			.number{
				font-size: 40rpx;
				font-weight: bold;
				padding-left: 24rpx;
			}
			.green{
				color: rgb(49,194,166);
			}
			.orange{
				color: rgb(254,188,29);
			}
			.blue{
				color: rgb(24,130,205);
			}
			.red{
				color: rbg(202,13,18);
			}
		}
		
	}
}